<template>
  <div class="cmHeader">
      <el-card>
          <el-header style="height:30px ;"> 互动通知</el-header>  
      </el-card>
      <el-card class='cmain'>
          <el-main>
              <div>
              <img src="https://rs.dance365.com/img/no_content@3x.0fd78ad2.png" />
            </div>
          </el-main>
          
      </el-card>
  </div>
</template>>

<script setup lang="ts">

</script>

<style lang="less" scoped>
  .cmHeader{
    margin-top:20px;
    margin-right: auto;
    width: 1020px;
    
  }
  .cmain {
    margin-top: 10px;
    justify-content: center;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    flex-direction: column; 
    text-align: center;
     min-height: 600px;
}
.layout-container-demo .toolbar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  right: 20px;
}
</style>